<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 头部地址导航 -->
        <div class="nav_top">
            <div class="w">
                <div class="top_address clearfix">
                    <ul>
                        <li><a href="#">小米官网</a><span class="space">|</span></li>
                        <li><a href="#">小米商城</a><span class="space">|</span></li>
                        <li><a href="#">MIUI</a><span class="space">|</span></li>
                        <li><a href="#">IoT</a><span class="space">|</span></li>
                        <li><a href="#">云服务</a><span class="space">|</span></li>
                        <li><a href="#">天星教科</a><span class="space">|</span></li>
                        <li><a href="#">有品</a><span class="space">|</span></li>
                        <li><a href="#">小爱开放平台</a><span class="space">|</span></li>
                        <li><a href="#">企业团购</a><span class="space">|</span></li>
                        <li><a href="#">资质证照</a><span class="space">|</span></li>
                        <li><a href="#">协议规则</a><span class="space">|</span></li>
                        <li><a class="down_app" href="#">下载app<div class="down_app_div1"></div>
                                <div class="down_app_div2">
                                    <img class="down_app_img" src="./images/xiaomiapp.png" alt="" width="90px"
                                        height="90px">
                                    <span class="down_text">小米商城APP</span>
                                </div>
                            </a><span class="space">|</span></li>
                        <li><a href="#">Select Location</a></li>
                    </ul>
                </div>
                <div class="top_userinfo clearfix">
                    <ul>
                        <li><a href="#">登录</a><span class="space">|</span></li>
                        <li><a href="#">注册</a><span class="space">|</span></li>
                        <li><a href="#">消息通知</a></li>
                    </ul>
                </div>
                <div class="top_shopping clearfix">
                    <a class="shopping" href="#">
                        <span class="iconfont icon-shouye"></span>购物车
                        <span>(0)</span>
                        <div class="shopping_div">
                            <p class="shopping_text">购物车中还没有商品，赶紧选购吧！</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!-- 头部产品导航 -->
        <div class="nav_product">
            <div class="w">
                <!-- logo -->
                <div class="logo_top clearfix">
                    <h1>
                        <a href="#"></a>
                    </h1>
                </div>
                <!-- 产品选项 -->
                <div class="product_choice">
                    <ul class="left_space clearfix">
                        <li class="product_list"><a class="list_choise" href="">Xiaomi手机</a></li>
                        <li class="product_list"><a class="list_choise" href="">Redmi手机</a></li>
                        <li class="product_list"><a class="list_choise" href="">电视</a></li>
                        <li class="product_list"><a class="list_choise" href="">笔记本</a></li>
                        <li class="product_list"><a class="list_choise" href="">平板</a></li>
                        <li class="product_list"><a class="list_choise" href="">家电</a></li>
                        <li class="product_list"><a class="list_choise" href="">路由器</a></li>
                        <li class="product_list_none"><a class="list_choise" href="">服务中心</a></li>
                        <li class="product_list_none"><a class="list_choise" href="">社区</a></li>
                    </ul>
                </div>
                <div class="product_menu">
                    <div class="w">
                        <div class="menu">
                            <!-- xiaomi -->
                            <ul class="clearfix">
                                <li><img src="./images/xm01.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/xm02.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/xm03.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/xm04.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/xm05.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/xm06.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                            </ul>
                        </div>
                        <div class="menu">
                            <!-- redmi -->
                            <ul class="clearfix">
                                <li><img src="./images/rm01.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/rm02.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/rm03.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/rm04.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/rm05.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/rm06.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                            </ul>
                        </div>
                        <div class="menu">
                            <!-- 电视 -->
                            <ul class="clearfix">
                                <li><img src="./images/ds01.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ds02.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ds03.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ds04.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ds05.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ds06.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                            </ul>
                        </div>
                        <div class="menu">
                            <!-- 笔记本 -->
                            <ul class="clearfix">
                                <li><img src="./images/nb01.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/nb02.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/nb03.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/nb03.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/nb04.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/nb03.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                            </ul>
                        </div>
                        <div class="menu">
                            <!-- 平板 -->
                            <ul class="clearfix">
                                <li><img src="./images/pb01.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/pb02.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/pb03.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/pb04.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/pb05.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/pb06.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                            </ul>
                        </div>
                        <div class="menu">
                            <!-- 家电 -->
                            <ul class="clearfix">
                                <li><img src="./images/jd01.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/jd01.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/jd02.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/jd03.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/jd04.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/jd05.png" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                            </ul>
                        </div>
                        <div class="menu">
                            <!-- 路由器 -->
                            <ul class="clearfix">
                                <li><img src="./images/ly01.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ly02.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ly03.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ly04.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ly01.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                                <li><img src="./images/ly01.webp" alt="">
                                    <p class="title">Xiaomi Civi 3</p>
                                    <p class="price">2499元起</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 搜索框 -->
                <div class="search clearfix">
                    <form action="">
                        <input class="search_input" type="text" placeholder="搜索一下……">
                        <button class="search_button"><span class="iconfont icon-sousuo1"></span></button>
                    </form>
                </div>
            </div>
        </div>

    </div>
    <!-- 颈部 -->
    <div class="banner">
        <div class="w">
            <!-- 轮播图和列表菜单 -->
            <div class="banner_slider clearfix">
                <!-- 列表菜单 -->
                <div class="slider_left">
                    <div class="slider_list">手机<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category">
                            <ul>
                                <li><a class="link" href=""><img src="./images/sj.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sj.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sj.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sj.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sj.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sj.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="slider_list">电视<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category three">
                            <ul>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ds.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="slider_list">家电<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category four">
                            <ul>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jd.png" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="slider_list">笔记本 平板<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category three">
                            <ul>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/pb.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="slider_list">出行 穿戴<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category four">
                            <ul>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/souh.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="slider_list">耳机 音箱<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category four">
                            <ul>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/ej.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="slider_list">健康 儿童<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category two">
                            <ul>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/jk.jpg" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="slider_list">生活 箱包<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category three">
                            <ul>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/sh.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="slider_list">智能 路由器<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category two">
                            <ul>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/lyq.webp" alt=""><span
                                            class="text">Xiaomi MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="slider_list">电源 配件<span class="iconfont icon-youjiantou slider_arrow"></span>
                        <div class="slider_category two">
                            <ul>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                            <ul>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                                <li><a class="link" href=""><img src="./images/dy.webp" alt=""><span class="text">Xiaomi
                                            MIX系列</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 轮播图 -->
                <div class="slider_right" id="slider">
                    <img class="slider_img" src="./images/banner01.jpeg" alt="" style="opacity: 1;">
                    <img class="slider_img" src="./images/banner02.jpg" alt="" style="opacity: 0;">
                    <img class="slider_img" src="./images/banner03.jpeg" alt="" style="opacity: 0;">
                    <div class="slider_prev"></div>
                    <div class="slider_next"></div>
                    <div class="slider_circles">
                        <span class="circle active"></span>
                        <span class="circle"></span>
                        <span class="circle"></span>
                    </div>
                </div>
            </div>
            <!-- 颈部产品展示 -->
            <div class="banner_below clearfix">
                <div class="w">
                    <div class="below_left clearfix">
                        <ul>
                            <li><a class="below_text" href=""><img src="./images/left01.png" alt="">保障服务</a></li>
                            <li><a class="below_text" href=""><img src="./images/left02.png" alt="">企业团购</a></li>
                            <li><a class="below_text" href=""><img src="./images/left03.png" alt="">F码通道</a></li>
                            <li><a class="below_text" href=""><img src="./images/left04.png" alt="">米粉卡</a></li>
                            <li><a class="below_text" href=""><img src="./images/left05.png" alt="">以旧换新</a></li>
                            <li><a class="below_text" href=""><img src="./images/left06.png" alt="">话费充值</a></li>
                        </ul>
                    </div>
                    <div class="below_right clearfix">
                        <div><img src="./images/below01.jpg" alt=""></div>
                        <div><img src="./images/below02.jpg" alt=""></div>
                        <div><img src="./images/below03.jpg" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 主部 -->
    <div class="main">
        <div class="w">
            <!-- 头部宣传画 -->
            <div class="main_banner">
                <a href="">
                    <img src="./images/main_banner.webp" alt="">
                </a>
            </div>
            <!-- 手机部分 -->
            <div class="phone">
                <div class="phone_head">
                    <div class="phone_title">手机</div>
                    <div class="phone_more">
                        <a href="">查看更多
                            <span class="iconfont round_right_fill icon-roundrightfill"></span>
                        </a>
                    </div>
                </div>
                <div class="phone_list clearfix">
                    <div class="phone_left pointer clearfix"></div>
                    <div class="phone_right clearfix">
                        <ul>
                            <li class="pointer"><img src="./images/p1.webp" alt="">
                                <h3 class="first">Redmi Note 12T Pro</h3>
                                <p class="second">年度LCD屏幕之光</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="pointer"><img src="./images/p2.webp" alt="">
                                <h3 class="first">Xiaomi Civi 3</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起</p>
                            </li>
                            <li class="pointer"><img src="./images/p3.png" alt="">
                                <h3 class="first">Xiaomi 13 Ultra</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起</p>
                            </li>
                            <li class="pointer"><img src="./images/p4.jpg" alt="">
                                <h3 class="first">Redmi Note 12 Turboo</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="pointer"><img src="./images/p5.png" alt="">
                                <h3 class="first">Redmi K60</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="pointer"><img src="./images/p6.png" alt="">
                                <h3 class="first">Redmi K60 Pro</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="pointer"><img src="./images/p7.png" alt="">
                                <h3 class="first">Redmi Note 12 Pro</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="pointer"><img src="./images/p8.png" alt="">
                                <h3 class="first">Xiaomi 13 限量定制色</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 智能穿戴 -->
            <div class="goods">
                <div class="goods_head">
                    <div class="goods_title">智能穿戴</div>
                    <div class="goods_vice">
                        <a class="goods_point active" href="">耳机</a>
                        <a class="goods_point" href="">穿戴</a>
                    </div>
                </div>
                <div class="goods_list clearfix">
                    <div class="goods_left pointer clearfix"></div>
                    <div class="goods_right clearfix">
                        <ul id="right_ul">
                            <li class="list pointer"><img src="./images/watch2.webp" alt="">
                                <h3 class="first">Redmi Note 12T Pro</h3>
                                <p class="second">年度LCD屏幕之光</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list pointer"><img src="./images/watch3.webp" alt="">
                                <h3 class="first">Xiaomi Civi 3</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起</p>
                            </li>
                            <li class="list pointer"><img src="./images/watch4.webp" alt="">
                                <h3 class="first">Xiaomi 13 Ultra</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起</p>
                            </li>
                            <li class="list pointer"><img src="./images/watch5.webp" alt="">
                                <h3 class="first">Redmi Note 12 Turboo</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list pointer"><img src="./images/watch6.webp" alt="">
                                <h3 class="first">Redmi K60</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list pointer"><img src="./images/watch7.webp" alt="">
                                <h3 class="first">Redmi K60 Pro</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list pointer"><img src="./images/watch8.webp" alt="">
                                <h3 class="first">Redmi Note 12 Pro</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list_last">
                                <ul>
                                    <li class="last pointer">
                                        <a href="">
                                            <div class="last_title">Xiaomi降噪蓝牙耳机Necklace</div>
                                            <img class="last_img" src="./images/watch9.webp" alt="">
                                            <p class="price">299元</p>
                                        </a>
                                    </li>
                                    <li class="last pointer">
                                        <div class="more_product">
                                            <div class="read_more">浏览更多</div>
                                            <div>耳机</div>
                                        </div>
                                        <div>
                                            <img class="more_right" src="images/more_right.png" alt="">
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="goods_right clearfix">
                        <ul id="right_ul" class="hide">
                            <li class="list pointer"><img src="./images/sh1.webp" alt="">
                                <h3 class="first">Redmi Note 12T Pro</h3>
                                <p class="second">年度LCD屏幕之光</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list pointer"><img src="./images/sh1.webp" alt="">
                                <h3 class="first">Xiaomi Civi 3</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起</p>
                            </li>
                            <li class="list pointer"><img src="./images/sh2.webp" alt="">
                                <h3 class="first">Xiaomi 13 Ultra</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起</p>
                            </li>
                            <li class="list pointer"><img src="./images/sh4.webp" alt="">
                                <h3 class="first">Redmi Note 12 Turboo</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list pointer"><img src="./images/sh5.webp" alt="">
                                <h3 class="first">Redmi K60</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list pointer"><img src="./images/sh6.webp" alt="">
                                <h3 class="first">Redmi K60 Pro</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list pointer"><img src="./images/sh7.webp" alt="">
                                <h3 class="first">Redmi Note 12 Pro</h3>
                                <p class="second">仿生双眸 天生出色</p>
                                <p class="price">1499元起<del>1599元</del></p>
                            </li>
                            <li class="list_last">
                                <ul>
                                    <li class="last pointer">
                                        <a href="">
                                            <div class="last_title">Xiaomi降噪蓝牙耳机Necklace</div>
                                            <img class="last_img" src="./images/sh8.webp" alt="">
                                            <p class="price">299元</p>
                                        </a>
                                    </li>
                                    <li class="last pointer">
                                        <div class="more_product">
                                            <div class="read_more">浏览更多</div>
                                            <div>手环</div>
                                        </div>
                                        <div>
                                            <img class="more_right" src="images/more_right.png" alt="">
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
            <!-- 底部宣传画 -->
            <div class="main_below">
                <img src="./images/main_below.webp" alt="">
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="flooter">
        <div class="w">
            <div class="flooter_title">
                <ul class="clearfix">
                    <li>预约维修服务</li>
                    <li>7天无理由退货</li>
                    <li>15天免费换</li>
                    <li>满69元包邮</li>
                    <li>1100余家售后网点</li>
                </ul>
            </div>
            <div class="flooter_choise clearfix">
                <div class="flooter_text">
                    <ul>
                        <h3>选购商城</h3>
                        <li><a href="">手机</a></li>
                        <li><a href="">电视</a></li>
                        <li><a href="">笔记本</a></li>
                        <li><a href="">平板</a></li>
                        <li><a href="">穿戴</a></li>
                        <li><a href="">耳机</a></li>
                        <li><a href="">家电</a></li>
                        <li><a href="">路由器</a></li>
                        <li><a href="">音箱</a></li>
                        <li><a href="">配件</a></li>
                    </ul>
                </div>
                <div class="flooter_text">
                    <ul>
                        <h3>服务中心</h3>
                        <li><a href="">申请售后</a></li>
                        <li><a href="">售后政策</a></li>
                        <li><a href="">维修服务价格</a></li>
                        <li><a href="">订单查询</a></li>
                        <li><a href="">以旧换新</a></li>
                        <li><a href="">保障服务</a></li>
                        <li><a href="">防伪查询</a></li>
                        <li><a href="">F码通道</a></li>
                    </ul>
                </div>
                <div class="flooter_text">
                    <ul>
                        <h3>线下门店</h3>
                        <li><a href="">小米之家</a></li>
                        <li><a href="">服务网点</a></li>
                        <li><a href="">授权体验店/专区</a></li>
                    </ul>
                </div>
                <div class="flooter_text">
                    <ul>
                        <h3>关于小米</h3>
                        <li><a href="">了解小米</a></li>
                        <li><a href="">加入小米</a></li>
                        <li><a href="">投资者关系</a></li>
                        <li><a href="">可持续发展</a></li>
                        <li><a href="">廉洁举报</a></li>
                    </ul>
                </div>
                <div class="flooter_text">
                    <ul>
                        <h3>关注我们</h3>
                        <li><a href="">新浪微博</a></li>
                        <li><a href="">官方微信</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">公益基金会</a></li>
                    </ul>
                </div>
                <div class="flooter_tel">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00（仅收市话费）</p>
                    <a href=""> 人工客服 </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 悬停窗 -->
    <div class="side_hover">
        <div class="hover_block">
            <a href="">
                <div class="hover_img">
                    <img src="./images/phoneAPPoff.png" alt="">
                    <img class="img_open" src="./images/phoneAPPon.png" alt="">
                </div>
                <span class="hover_text">手机APP</span>
                <div class="hover_downapp">
                    <img class="downapp_img" src="./images/xiaomiapp.png" alt="">
                    <span class="downapp_text">扫码领取新人百元礼包</span>
                </div>
            </a>
        </div>
        <div class="hover_block">
            <a href="">
                <div class="hover_img">
                    <img src="./images/useroff.png" alt="">
                    <img class="img_open" src="./images/useron.png" alt="">
                </div>
                <span class="hover_text">用户中心</span>
            </a>
        </div>
        <div class="hover_block">
            <a href="">
                <div class="hover_img">
                    <img src="./images/tooloff.png" alt="">
                    <img class="img_open" src="./images/toolon.png" alt="">
                </div>
                <span class="hover_text">售后服务</span>
            </a>
        </div>
        <div class="hover_block">
            <a href="">
                <div class="hover_img">
                    <img src="./images/serviceoff.png" alt="">
                    <img class="img_open" src="./images/serviceon.png" alt="">
                </div>
                <span class="hover_text">人工客服</span>
            </a>
        </div>
        <div class="hover_block">
            <a href="">
                <div class="hover_img">
                    <img src="./images/shoppingoff.png" alt="">
                    <img class="img_open" src="./images/shoppingon.png" alt="">
                </div>
                <span class="hover_text">购物车</span>
            </a>
        </div>
        <div class="hover_block" style="margin-top: 20px;display: none;" id="off">
            <a>
                <div class="hover_img">
                    <img src="./images/totopoff.png" alt="">
                    <img class="img_open" src="./images/totopon.png" alt="">
                </div>
                <span class="hover_text">回到顶部</span>
            </a>
        </div>
    </div>

    <script src="js/slider.js"></script>
    <script src="js/product.js"></script>
    <script src="js/goods.js"></script>
    <script src="js/totop.js"></script>
</body>

</html>